﻿<!DOCTYPE html>
<html>

	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">
		<!--[if gte IE 9]>-->
		
		<meta http-equiv="Cache-Control" content="no-transform " />
		<link rel="alternate" media="handheld" href="#" />
		<!--<![endif]-->
		<title>海豆微信图文编辑器,微信图文排版助手,html在线编辑器</title>
		<meta name="description" content="海豆微信图文编辑器又名微信图文排版助手，是jizzyoujizz.com美女图库网为方便网友图文编辑发帖而专门改造的html在线编辑器" />
		<meta name="keywords" content="编辑器,微信图文编辑器，html编辑器" />
		<meta charset="UTF-8">
		<meta name="renderer" content="webkit|ie-comp|ie-stand">
		<link rel="stylesheet" type="text/css" href="css/colorpicker.css">
		<link rel="stylesheet" type="text/css" href="css/editor-min.css">
		<script src="js/jquery-1.10.2.min.js" type="text/javascript"></script>
		<script src="js/colorpicker-min.js" type="text/javascript"></script>

	</head>

	<body>

		<div class="wxeditor">
			<div class="clearfix">
				<div class="right">
					<div id="bdeditor">
						<script charset="utf-8" src="ueditor/ueditor.config.js" type="text/javascript"></script>
						<script charset="utf-8" src="ueditor/ueditor.all.min.js" type="text/javascript">
						</script>
						<!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败-->
						<!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文-->
						<script charset="utf-8" src="ueditor/lang/zh-cn/zh-cn.js" type="text/javascript"></script>
						<script id="editor" style="width: 100%; height: 510px;" type="text/plain"></script>
					</div>
				</div>
			</div>

			<div id="previewbox">
				<div style="height: 100%; padding-right: 5px; -ms-overflow-y: scroll;">
					<div style="line-height: 24px; font-size: 18px; font-weight: 700;">这里填写你的图文标题</div>
					<!--<div><em style="color: rgb(140, 140, 140); font-size: 12px; font-style: normal;">2020-02-02</em> <a id="post-user" style="color: rgb(96, 127, 166); font-size: 12px;" href="javascript:void(0);">海豆微信 haido.cn</a> </div>-->
					<div id="preview"></div>
				</div>

				<!--<div id="phoneclose" style="top: 40px; width: 50px; height: 50px; right: 50px; font-size: 50px; font-weight: 700; position: absolute; cursor: pointer;">X</div>-->
			</div>

		</div>

		<script>
			

			
			$(function() {
				$("#previewbox").show();
				
				
				var b = ["borderTopColor", "borderRightColor", "borderBottomColor", "borderLeftColor"],
					d = [];
				$.each(b, function(a) {
					d.push(".itembox .wxqq-" + b[a])
				});
				$("#colorpickerbox").ColorPicker({
					flat: true,
					color: "#00bbec",
					onChange: function(a, e, f) {
						$(".itembox .wxqq-bg").css({
							backgroundColor: "#" + e
						});
						$(".itembox .wxqq-color").css({
							color: "#" + e
						});
						$.each(d, function(g) {
							$(d[g]).css(b[g], "#" + e)
						})
					}
				});
				var c = UE.getEditor("editor", {
					topOffset: 0,
					autoFloatEnabled: false,
					autoHeightEnabled: false,
					autotypeset: {
						removeEmptyline: true
					},
					toolbars: [
						['fullscreen', 'source', '|', 'undo', 'redo', '|',
							'bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc', '|',
							'rowspacingtop', 'rowspacingbottom', 'lineheight', '|', 'fontfamily', 'fontsize', '|',
							'indent', '|',
							'justifyleft', 'justifycenter', 'justifyright', 'justifyjustify', '|', 'touppercase', 'tolowercase', '|',
							'anchor', 'insertimage', 'insertvideo', 'music', 'emotion', '|',
							'horizontal', 'date', 'time', 'spechars', '|',
							'inserttable', 'deletetable', 'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol', 'mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittorows', 'splittocols', 'charts', '|', 'preview', 'searchreplace', 'drafts'
						]
					]
				});
				c.ready(function() {
					c.addListener('contentChange', function() {
						//$("#preview").html(c.getContent() + '<div><a style="font-size:12px;color:#607fa6" href="javascript:void(0);" id="post-user">阅读原文</a> <em style="color:#8c8c8c;font-style:normal;font-size:12px;">阅读 100000+</em><span class="fr"><a style="font-size:12px;color:#607fa6" href="javascript:void(0);">举报</a></span></div>');
						$("#preview").html(c.getContent());
					});
					
				});
				
			});
		</script>
		
	
	</body>

</html>